<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript">
		    jQuery(function($){
				$('#proBrandTable').datagrid({
					title:'商品品牌列表', //标题
					method:'post',
					iconCls:'icon-edit', //图标
					singleSelect:false, //多选
					height:360, //高度
					fitColumns: true, //自动调整各列，用了这个属性，下面各列的宽度值就只是一个比例。
					striped: true, //奇偶行颜色不同
					collapsible:true,//可折叠
					url:"${pageContext.request.contextPath}/sys/productBrand.do?queryList", //数据来源
					sortName: 'id', //排序的列
					sortOrder: 'desc', //倒序
					remoteSort: true, //服务器端排序
					idField:'id', //主键字段
					queryParams:{}, //查询条件
					pagination:true, //显示分页
					rownumbers:true, //显示行号
					columns:[[
						{field:'ck',checkbox:true,width:2}, //显示复选框
						{field:'brandname',title:'品牌名称',width:20,sortable:true,
							formatter:function(value,row,index){return row.brandname;} //需要formatter一下才能显示正确的数据
						},
						{field:'version',title:'版本号',width:20,sortable:true,
							formatter:function(value,row,index){return row.version;}
						},
						{field:'modifyuser',title:'最后修改人',width:30,sortable:true,
							formatter:function(value,row,index){return row.modifyuser;}
						},
						{field:'isdisabled',title:'是否锁定',width:30,sortable:true,
							formatter:function(value,row,index){
							    return (row.isdisabled=='1')?'否':'是';  
								//if (row.isdisabled=1) return '否';
								//if (row.isdisabled=0) return '是';
								//return row.isdisabled;  
							}
						}
					]],
					toolbar:[{
						text:'新增',
						iconCls:'icon-add',
						handler:function(){
							addBrand();
						}
					},'-',{
						text:'更新',
						iconCls:'icon-edit',
						handler:function(){
							updateBrand();
						}
					},'-',{
						text:'禁用|启用',
						iconCls:'icon-remove',
						handler:function(){
							deleteBrand();
						}
					},'-'],
					onLoadSuccess:function(){
						$('#proBrandTable').datagrid('clearSelections'); //一定要加上这一句，要不然datagrid会记住之前的选择状态，删除时会出问题
					}
				});
				});
		    
		    //新增
		    function addBrand(){
		    	showWindow({
		  			title:'增加商品品牌',
		  			href:'${pageContext.request.contextPath}/sys/productBrand.do?popWindow',
		  			width:400,
		  			height:200,
		  			onLoad: function(){
		  				$('#brandForm').form('clear');
		  			}			
		  		});
			}
		     
		    //更新
		    function updateBrand(){
				var rows = $('#proBrandTable').datagrid('getSelections');
				//这里有一个jquery easyui datagrid的一个小bug，必须把主键单独列出来，要不然不能多选
				if(rows.length==0){
					$.messager.alert('提示',"请选择你要更新的品牌",'info');
					return;
				}
				if(rows.length > 1){
					$.messager.alert('提示',"只能选择一个品牌进行更新",'info');
					return;
				}
				showWindow({
		  			title:'更新商品品牌',
		  			href:'${pageContext.request.contextPath}/sys/productBrand.do?popWindow',
		  			width:400,
		  			height:200,
		  			onLoad: function(){
		  			//自动将数据填充到表单中，无需再查询数据库，这里需要注意：
		  			//如果用的是struts2，它的表单元素的名称都是user.id这样的，那load的时候不能加.user要.form('load', rows[0]);
		  			//而spring mvc中表单元素的名称不带对象前缀，直拉就是id，所以这里load的时候是：.form('load', rows[0].user)
		  				$("#brandForm").form('load', rows[0]);
		  			}
		  		});
			}
		    
		    
		     //禁用、启用
		  	function deleteBrand(){
		  		var rows = $('#proBrandTable').datagrid('getSelections');
				if(""==rows){
					$.messager.alert("提示","请选择你要操作的品牌","info");
					return ;
				}
				$.messager.confirm('提示','确定操作吗?',function(result){
			        if (result){			        	
			        	var ps = "";
			        	$.each(rows,function(i,n){
			        		ps += "&id="+n.id;
			        	});
			        	$.post('${pageContext.request.contextPath}/sys/productBrand.do?unabled'+ps,function(data){
				        	$('#proBrandTable').datagrid('reload'); 
			        		$.messager.alert('提示',data.msg,'info');
			        	});
			        }
			    });
		  	}
		    </script>
<body>  
		<table id="proBrandTable"></table>  
</body>
</html>